<template>
  <div>
<<<<<<< HEAD
    首页
  </div>
</template>
<script>
export default {

}
</script>
<style lang="">

=======
    <h2>欢迎回来！</h2>
    <img src="" alt="" style="width: 100%; height: 200px" />
    <a-table :columns="columns" :data="tableData" :pagination="false" class="custom-table" />
  </div>
</template>

<script setup>
// import { defineComponent } from 'vue'
// import { Table } from '@arco-design/web-vue'

const columns = [
  { title: 'Column 1', dataIndex: 'col1' },
  { title: 'Column 2', dataIndex: 'col2' },
  { title: 'Column 3', dataIndex: 'col3' },
  { title: 'Column 4', dataIndex: 'col4' },
]

const tableData = [
  { col1: 'Row 1, Col 1', col2: 'Row 1, Col 2', col3: 'Row 1, Col 3', col4: 'Row 1, Col 4' },
  { col1: 'Row 2, Col 1', col2: 'Row 2, Col 2', col3: 'Row 2, Col 3', col4: 'Row 2, Col 4' },
]
</script>

<style scoped>
.custom-table {
  background-color: rgba(245, 245, 245, 0.5); /* 白色且透明 */
  width: 100%;
  border-collapse: separate; /* 分离边框 */
  border-spacing: 0; /* 边框间距为0 */
}

.custom-table th,
.custom-table td {
  border: 1px solid #c33a3a; /* 内部边线颜色 */
  padding: 8px;
  text-align: center;
}
>>>>>>> 2270a6130298423fefda5905b2cd14daf6f59d6b
</style>
